<template>
	<div class="navcolor">
		<div class="nav-center">
			<!-- 面包屑导航 -->
			<el-divider></el-divider>
			<el-breadcrumb separator=">" style="margin-top: 20px;">
				<el-breadcrumb-item>首页</el-breadcrumb-item>
				
				<el-breadcrumb-item>个人中心</el-breadcrumb-item>
			</el-breadcrumb>
			<el-container style="height: 79vh; ">

				<el-aside class="aside" style="width: 150px;margin-top: 20px; height: 450px; ">
					<el-menu active-text-color="#C2ADA7">

						<el-menu-item-group class="routers">
							<i class="el-icon-user"></i>
							<template>个人中心</template>
						</el-menu-item-group>



						<el-menu-item-group class="routers" index="1">
							<i class="el-icon-document"></i>
							<template>订单信息</template>
							<el-menu-item index="1-1" @click="$router.push(`/home/gerenzhongxin/${$route.params.id}/mydingdan/quanbu`)">
								<span>我的订单</span>
							</el-menu-item>
						</el-menu-item-group>


						<el-menu-item-group class="routers" index="2">
							<i class="el-icon-setting"></i>
							<template>账户设置</template>
							<el-menu-item index="2-1" @click="$router.push(`/home/gerenzhongxin/${$route.params.id}/gerenxin`)">
								<span>个人信息</span>
							</el-menu-item>
							<el-menu-item index="2-2" @click="$router.push(`/home/gerenzhongxin/${$route.params.id}/mima`)">
								<span>修改信息</span>
							</el-menu-item>
						</el-menu-item-group>


						<el-menu-item-group index="3">
							<i class="el-icon-location-outline"></i>
							<template>地址管理</template>
							<el-menu-item index="3-1" @click="$router.push(`/home/gerenzhongxin/${$route.params.id}/dizi/shouhuo`)">
								<span>收货地址管理</span>
							</el-menu-item>
						</el-menu-item-group>
					</el-menu>
				</el-aside>

				<div class="body-right">
					<!-- 二级路由所需要显示的内容 -->
					<router-view />

				</div>

			</el-container>
		</div>
	</div>
</template>

<script>
	export default {

	}
</script>

<style lang="scss" scoped></style>
<style scoped>
	* {
		margin: 0;
		padding: 0;

	}

	.navcolor {
		margin-top: -6.8px;
		background-color: #FEFCF8;
		font-weight: 700;

	}

	.nav-center {
		margin: 0 auto;
		width: 1000px;
		height: 750px;

	}

	.routers {
		/* width: 140px; */
		padding-bottom: 10px;
		border: 1px solid none;
		border-bottom: 1px dotted #E0E0E0;
		border-width: 2px;
	}

	.body-right {
		background-color: #FFFFFF;
		height: 680px;
		width: 800px;
		margin-top: 20px;
		margin-left: 50px;

	}
</style>
